$(function() {
	query();
});

function query(){
	$('#mytab').bootstrapTable({
		method : 'get',
		url : "/showItems",
		striped : true, 
		pageNumber : 1, 
		pagination : true,
		sidePagination : 'client',
		pageSize : 5,
		pageList : [ 5, 10, 15, 20 ],
		showRefresh : true,
		smartDisplay:true,
		detailView:true,
		columns : [ 
        {
			title : '商品id',
			field : 'id',
			align : 'center', 
			width:"20px",
			visible:false,  
		},
			{
			title : '商品名',
			field : 'title',
			align : 'center',
			width:"20px",
		}, {
			title : '商品图片',
			field : 'imgUrl',
			align : 'center',
			formatter: function (value, row, index) {
                var value='<img style="width:80px;height:auto" src="' + row.imgUrl + '" />';
				return value;
            },
            width:"20px",
		}, {
			title : '商品描述',
			field : 'description',
			align : 'center',
			width:"20px",
		}, {
			title : '商品价格',
			field : 'price',
			align : 'center',
			width:"20px",
		}, {
			title : '商品库存',
			field : 'stock',
			align : 'center',
			width:"20px",
		} , {
			title : '商品销量',
			field : 'sales',
			align : 'center',
			width:"20px",
		}, {
			title : '操作',
			width : 123,
			field : 'operate',
			align : 'center',
			width:"20px",
			formatter : function(value, row, index) {
                var value =
                "<a href='javascript:;' onclick='updateItem("+row.id+")'>修改</a>"+"   "+
                "<a href='javascript:;' onclick='deleteItem("+row.id+")'>删除</a>";
				return value;
			}
		} ]
	})
}


function deleteItem(id) {
	if (confirm('是否删除？')) {
        $.ajax({
            url: '/delItem',
            type: "POST",
            data: {
            	id:id,
            },
            success: function (data) {
            	 if(data.status=="fail"){
            		 alert(data.data);
            		 location.reload(false);   
            	 }else{
            		 alert(data.data);
            		 location.reload(false);
            	 }
            }
        });
    }
}


function updateItem(id){
	 layer.open({
			type : 2,
			title : '商品修改',
			maxmin : true,
			shadeClose : false, // 点击遮罩关闭层
			/*area : [ '850px', '550px' ],*/
           area: [ '50%', '95%' ],
			content :"/updateItem?id="+id+"&flag=2"
		});
}